<div>
	<h2 data-translate="global.menu.my.focus">Comments</h2>
	<jhi-alert></jhi-alert>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-6 col-md-3 col-lg-2"
				ng-repeat="fo in vm.focus">
				<div class="thumbnail">
					<img class="img-circle"
						src='/content/images/avatar/{{fo.userId}}.png' />
					<div class="caption">
						<a ui-sref="hispost({userId:fo.userId,type:'1'})">{{fo.name}}</a>
						<p>
							<button class="btn btn-primary"
								ng-click="vm.cancelFocus({id:fo.userId})">
								<span class="glyphicon glyphicon-eye-close"></span> <span></span>
							</button>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="text-center">
		<jhi-item-count page="vm.page" total="vm.queryCount"
			items-per-page="vm.itemsPerPage"></jhi-item-count>
		<uib-pagination class="pagination-sm" total-items="vm.totalItems"
			items-per-page="vm.itemsPerPage" ng-model="vm.page"
			ng-change="vm.transition()"></uib-pagination>
	</div>
</div>
